<template>
  <div>
    <!-- 面包屑导航 -->
    <!-- <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>接口服务配置</el-breadcrumb-item>
    </el-breadcrumb> -->
    <contentBox boxName="全局属性详情信息">
      <template slot="content">
        <avue-form :option="formOpiton" v-model="formData"></avue-form>
      </template>
    </contentBox>
    <contentBox boxName="全局属性">
      <template slot="content">
        <avue-crud :data="tableData" :option="listOpiton"></avue-crud>
      </template>
    </contentBox>
  </div>
</template>

<script>
import contentBox from "@/components/contentBox.vue";
import {
  initListTableOption, initFormOption
} from "@/const/crud/propertySet";
export default {
  components: {
    contentBox
  },
  data() {
    return {
      tableData: [{
        1: '是',
        2: '是',
        3: '是',
        4: '是',
        5: '是',
        6: '是',
        7: '是',
        8: '是',
        9: '是',
        10: '是',
        11: '是',
        12: '是',
        13: '是',
        14: '是',
        15: '是',
      }],
      formData: {},
    }
  },
  computed: {
    listOpiton() {
      let op = initListTableOption()
      return op
    },
    formOpiton() {
      let op = initFormOption()
      return op
    },
  },
  created() {

  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
.box-card {
  /deep/ .el-card__header {
    background-color: #cdcdcd;
    padding: 10px 20px;
  }
}

/deep/ ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/deep/ ::-webkit-scrollbar-track {
  width: 10px;
  height: 10px;
}

/deep/ ::-webkit-scrollbar-thumb {
  -webkit-transition: .3s background-color;
  transition: .3s background-color;
  background: rgba(144, 147, 153, .3);
  border-radius: 8px;
}

/deep/ ::-webkit-scrollbar-thumb:hover {
  background: rgba(144, 147, 153, .5);
}

/deep/ .avue-crud__menu {
  min-height: auto;
}
</style>

 
 